<template>
  <div>
    <PopSelectTooltip :options="cultureOptions" v-model:value="curValue" @on-select="emits('onSelect')"
                      empty-label="预约类型">
      <template #icon>
        <n-icon size="22" style="margin-right: 5px">
          <Icon icon="carbon:category"></Icon>
        </n-icon>
      </template>
    </PopSelectTooltip>
  </div>
</template>

<script setup lang="ts">
import PopSelectTooltip from "@/components/common/select/PopSelectTooltip.vue";

import {computed, ref} from "vue";
import {Icon} from "@iconify/vue";

const props = defineProps({
  value: {
    type: String,
    default: ''
  },
})
const emits = defineEmits(['update:value', 'onSelect'])
const cultureOptions = ref([
  {
    label: '全部',
    value: '',
  },
  {
    label: '维护',
    value: '1',
  },
  {
    label: '置管',
    value: '2',
  },
  {
    label: '拔管',
    value: '3',
  },
])


const curValue = computed({
  get() {
    return props.value
  },
  set(val) {
    emits('update:value', val)
  }
})


</script>

<style scoped>

</style>